<template>
	<view class="container">
		<view class="share">
			<view class="tit">
				—— 分享 ——
			</view>
			<view class="item">
				<view>
					1.点击右上角按钮分享给好友分享
				</view>
				<view>
					2.或者截屏分享二维码分享好友注册
				</view>
			</view>
			<view class="img">
				<image :src="img" mode="widthFix"></image>
			</view>
			
		</view>
	</view>
</template>

<script>
	import {
		shareqr
	} from '../../../api/api.js'
	export default {
		data() {
			return {
				key: '',
				img:''
			}
		},
		onLoad() {
			shareqr().then(res=>{
				this.img = res.data.img
			})
		},
		onShareAppMessage() {
			let path = '/pages/index/index'
			return {
				title: "共享浮板",
				path
			}
		},
	}
</script>

<style scoped lang="scss">
	.container {
		width: 100%;
		height: calc(100% - 100upx);
		padding-top: 100upx;
		background-color: #6598ff;
		text-align: center;
	}

	.share {
		width: 80%;
		height: 550upx;
		padding-top: 50upx;
		background-color: #f7f4f8;
		margin: 0 auto;
		border-radius: 30upx;
		box-shadow: 0upx 5upx 68upx 0upx rgba(255, 255, 255, 0.5);
		// box-shadow: 0 5px 5px #C0C0C0;

		.tit {
			margin-bottom: 50upx;
			color: #000;
			font-weight: bold;
		}

		.item {
			color: #999999;

			view {
				margin-bottom: 30upx;
			}
		}
		
		.img{
			margin-top: 30upx;
			image{
				width: 200upx;
				height: 200upx;
			}
			
		}
		

	}
</style>
